<ion-header>
  <ion-toolbar color="primary">
  <ion-navbar>
    <ion-title>
      计划-异常上报
    </ion-title>
  </ion-navbar>
  </ion-toolbar>
</ion-header>

<ion-content>

  <ion-card >
    <ion-card-content>
      <ion-card-title>
        异常信息
      </ion-card-title>
      <ion-row>
        <ion-col col-3 text-left>
          <h3 style="color: #333333;font-size: 14px;padding-bottom: 5px;font-weight: bold;">计划编码:</h3>
        </ion-col>
        <ion-col col-9 text-right>
          <h3 style="color: #333333;font-size: 14px;padding-bottom: 5px;font-weight: bold;">{{planCode}}</h3>
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-3 text-left>
          <h3 style="color: #333333;font-size: 14px;padding-bottom: 5px;font-weight: bold;">当前地点:</h3>
        </ion-col>
        <ion-col col-9 text-right>
          <h3 style="color: #333333;font-size: 14px;padding-bottom: 5px;font-weight: bold;">{{addressName}}</h3>
        </ion-col>
      </ion-row>

      <ion-row>
        <textarea id="exception-info" placeholder="暂无异常信息,点击此处即可编辑" (keyup)="infoChange()" [(ngModel)]="exceptionInfo"></textarea>
      </ion-row>
    </ion-card-content>
  </ion-card>
</ion-content>

<ion-footer>
  <ion-row>
    <ion-col col-6>
      <button ion-button [disabled]="change" full (click)="report()">异常信息上报</button>
    </ion-col>

    <ion-col col-6>
      <button ion-button full color="light" (click)="goBack()">返回</button>
    </ion-col>
  </ion-row>
</ion-footer>



